<template>
    <div>
        <h1>员工薪酬</h1>
        <hr>
        <!--  -->
        <child childType='info' :type="type" :amount="amount"  :user="user" @click="changeAmount"/>
        <!-- <child childType='info'  type="type" :amount="amount"  :user="user"/> -->
    </div>
</template>
<script>
// 引入组件
import child from './child.vue'
// 父组件给子组件传递方式是props，子组件给父组件传递参数是使用$emit
export default {
    // 定义组件 
    components:{child},
    data(){
        return {
            amount:30000,
            type:'danger',
            user:{
                name:"张三",
                dept:'IT哈哈'
            }
        }
    },
    methods:{
        changeAmount(newAmount){
            this.amount=newAmount
        }
    }
}
</script>